﻿/* 腾讯互娱重构外包页面规范 V1.0 通用版（支持html5）*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
a { text-decoration: none; }

.clearfix:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; }
.clearfix { zoom: 1; }


@font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot'); src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/icomoon.woff') format('woff'), /* chrome、firefox */ url('../fonts/icomoon.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../fonts/icomoon.svg#ifont') format('svg'); /* IE9*/ /* iOS 4.1- */ }

i.icon { font-family: 'icomoon'; font-style: normal; -webkit-font-smoothing: antialiased; /*-webkit-text-stroke-width: 0.0.04rem;*/ -moz-osx-font-smoothing: grayscale; }


/* 去掉点击的阴影 */
html * { outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-appearance: none; /*消除输入框和按钮的原生外观*/ }

body { background-color: #f4f4f4; overflow-x: hidden; font-family: '\5FAE\8F6F\96C5\9ED1'; font-size: 0.24rem; }

::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }

a.abtn.blue { border-color: #57c2ea; background-color: #57c2ea; color: #fff; }
a.abtn.orange { border-color: #ff9b2f; background-color: #ff9b2f; color: #fff; }
a.abtn.green { border-color: #21c615; background-color: #21c615; color: #fff; }
a.abtn.red { border-color: #ff5c5c; background-color: #ff5c5c; color: #fff; }
a.abtn.gray { border-color: #ccc; background-color: #ccc; color: #fff; }
a.abtn.line.orange { border-color: #ff9b2f; background-color: transparent; color: #ff9b2f; }

a.alink:hover { text-decoration: underline; }
a.alink.default { color: #4fa4fb; }

a.alink.white { color: #fff; }

.fl { float: left; }
.fr { float: right; }

.mt0 { margin-top: 0 !important; }
.mt6 { margin-top: 0.12rem !important; }
.mt10 { margin-top: 0.2rem !important; }
.mt14 { margin-top: 0.28rem !important; }
.mt16 { margin-top: 0.32rem !important; }
.mt20 { margin-top: 0.4rem !important; }
.mt30 { margin-top: 0.6rem !important; }
.mt40 { margin-top: 0.8rem !important; }
.mt60 { margin-top: 1.2rem !important; }
.mt80 { margin-top: 1.6rem !important; }

.p10 { padding: 0.2rem !important; }
.p20 { padding: 0.4rem !important; }

.pt10 { padding-top: 0.2rem !important; }


.ptb10 { padding: 0.2rem 0 !important; }
.ptb20 { padding: 0.4rem 0 !important; }

.bgfff { background-color: #fff; }

.bt1 { border-top: 0.02rem solid #eee; }
.bb1 { border-bottom: 0.02rem solid #eee; }

.tc { text-align: center; }

.fz14 { font-size: 0.28rem; }


.bb { border-bottom: 0.02rem solid #ddd; }

.cDefault { color: #4fa4fb !important; }

.J_header { position: relative; height: 0.88rem; }
    .J_header .h_inner { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 0.88rem; background-color: #fff; border-bottom: 0.02rem solid #eee; }


        .J_header .h_inner .i_logo { display: none; position: relative; z-index: 1; float: left; width: 1.64rem; }
            .J_header .h_inner .i_logo a { display: block; padding: 0 0.2rem; }
                .J_header .h_inner .i_logo a img { margin-top: 0.08rem; height: 0.72rem; vertical-align: top; }
        .J_header .h_inner .i_return { position: relative; z-index: 1; float: left; }
            .J_header .h_inner .i_return a { padding: 0 0.08rem; line-height: 0.8rem; font-size: 0.56rem; color: #bbb; }
                .J_header .h_inner .i_return a i { vertical-align: middle; }

        .J_header .h_inner .i_nav { display: none; position: relative; z-index: 1; float: left; margin-left: 0.6rem; }
            .J_header .h_inner .i_nav .n_item { float: left; }
                .J_header .h_inner .i_nav .n_item a { display: block; padding: 0 0.28rem; line-height: 0.88rem; font-size: 0.28rem; color: #666; }
                    .J_header .h_inner .i_nav .n_item a i { }
                    .J_header .h_inner .i_nav .n_item a span { }

                .J_header .h_inner .i_nav .n_item.current a { color: #4fa4fb; }


        .J_header .h_inner .i_title { position: absolute; left: 0; top: 0; width: 100%; }
            .J_header .h_inner .i_title .c_txt { margin: 0 auto; width: 3.6rem; line-height: 0.88rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.32rem; color: #333; }
        .J_header .h_inner .i_userInfo { position: relative; z-index: 1; float: right; }
            .J_header .h_inner .i_userInfo .u_default { line-height: 0.88rem; }
                .J_header .h_inner .i_userInfo .u_default a { display: block; padding: 0 0.2rem; line-height: 0.88rem; }
                    .J_header .h_inner .i_userInfo .u_default a img { width: 0.52rem; height: 0.52rem; border-radius: 50%; vertical-align: middle; }




            .J_header .h_inner .i_userInfo .u_menu { display: none; position: absolute; z-index: 99; top: 0.88rem; right: 0; width: 2.8rem; background-color: rgba(255,255,255,0.9); border: 0.02rem solid #ddd; }
                .J_header .h_inner .i_userInfo .u_menu .m_item { border-bottom: 0.02rem solid #ddd; }
                    .J_header .h_inner .i_userInfo .u_menu .m_item a { display: block; height: 0.88rem; line-height: 0.88rem; text-align: center; font-size: 0.28rem; color: #666; }

                    .J_header .h_inner .i_userInfo .u_menu .m_item:last-child { border-bottom: none; }


        .J_header .h_inner .i_login { position: relative; z-index: 1; float: right; padding: 0 0.2rem; height: 0.88rem; line-height: 0.88rem; }
            .J_header .h_inner .i_login a { display: inline-block; padding: 0 0.28rem; height: 0.52rem; line-height: 0.52rem; border: 0.02rem solid #eee; border-radius: 0.06rem; font-size: 0.28rem; color: #4fa4fb; }


    .J_header.openMenu .h_inner .i_userInfo .u_menu { display: block; }

    .J_header.hasLogo .h_inner .i_logo { display: none; }
    .J_header.hasLogo .h_inner .i_nav { display: block; }
    .J_header.hasLogo .h_inner .i_return { display: none; }
    .J_header.hasLogo .h_inner .i_title { display: none; }

    .J_header.hideReturn .h_inner .i_return { display: none; }
    .J_header.hideLogin .h_inner .i_login { display: none; }

.J_banner { width: 100%; height: 2.8rem; overflow: hidden; visibility: hidden; position: relative; }
    .J_banner .swipe-wrap { overflow: hidden; position: relative; }
        .J_banner .swipe-wrap > div { float: left; position: relative; width: 100%; }
            .J_banner .swipe-wrap > div img { width: 100%; vertical-align: top; }
    .J_banner .swipe-count { position: absolute; bottom: 0.12rem; width: 100%; text-align: center; }
        .J_banner .swipe-count a { display: inline-block; margin: 0 0.08rem; width: 0.16rem; height: 0.16rem; overflow: hidden; border-radius: 0.12rem; background-color: #ddd; }
            .J_banner .swipe-count a.active { background-color: #4cace2; }




.J_title { padding: 0 0.2rem; }
    .J_title .t_left { float: left; }
        .J_title .t_left .l_token { display: inline-block; position: relative; top: 0.06rem; width: 0.06rem; height: 0.32rem; background-color: #4fa4fb; }
        .J_title .t_left .l_txt { display: inline-block; margin-left: 0.08rem; font-size: 0.28rem; color: #666; }


.J_courseHolder { }
    .J_courseHolder .c_inner { }

        .J_courseHolder .c_inner .i_null { padding: 1rem 0; text-align: center; font-size: 0.28rem; color: #999; }

        .J_courseHolder .c_inner .i_item { position: relative; padding: 0.2rem 0.2rem 0.2rem 3.04rem; height: 1.6rem; }

            .J_courseHolder .c_inner .i_item .i_left { position: absolute; left: 0.2rem; }
                .J_courseHolder .c_inner .i_item .i_left .l_token { position: absolute; left: 0; top: 0; }
                    .J_courseHolder .c_inner .i_item .i_left .l_token i { display: block; width: 1.24rem; height: 1.2rem; background-repeat: no-repeat; background-position: 0 0; background-size: 100%; vertical-align: top; }
                        .J_courseHolder .c_inner .i_item .i_left .l_token i.i1 { background-image: url(../images/free_token.png); }

                .J_courseHolder .c_inner .i_item .i_left .l_picture { }
                    .J_courseHolder .c_inner .i_item .i_left .l_picture img { width: 2.62rem; height: 1.6rem; vertical-align: top; }
            .J_courseHolder .c_inner .i_item .i_right { }
                .J_courseHolder .c_inner .i_item .i_right .r_title { margin-top: -0.04rem; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.28rem; color: #333; }

                .J_courseHolder .c_inner .i_item .i_right .r_sign { margin-top: 0.08rem; font-size: 0.24rem; color: #21c615; }
                .J_courseHolder .c_inner .i_item .i_right .r_price { margin-top: 0.08rem; font-size: 0.24rem; color: #f60; }

                .J_courseHolder .c_inner .i_item .i_right .r_label { margin-top: 0.08rem; white-space: nowrap; }

                    .J_courseHolder .c_inner .i_item .i_right .r_label .l_item { display: inline-block; margin-right: 0.08rem; padding: 0 0.2rem; height: 0.36rem; line-height: 0.36rem; border: 0.02rem solid #ddd; border-radius: 0.06rem; color: #999; }


                .J_courseHolder .c_inner .i_item .i_right .r_lectureCount { margin-top: 0.08rem; color: #999; }

                .J_courseHolder .c_inner .i_item .i_right .r_signAmount { margin-top: 0.08rem; color: #999; }

                .J_courseHolder .c_inner .i_item .i_right .r_realtimeOnlineCount { margin-top: 0.08rem; color: #999; }


                .J_courseHolder .c_inner .i_item .i_right .r_courseProgress { margin-top: 0.08rem; }
                    .J_courseHolder .c_inner .i_item .i_right .r_courseProgress .r_living { }
                        .J_courseHolder .c_inner .i_item .i_right .r_courseProgress .r_living a { color: #f60; }
                            .J_courseHolder .c_inner .i_item .i_right .r_courseProgress .r_living a span { }
                    .J_courseHolder .c_inner .i_item .i_right .r_courseProgress .c_startTime { color: #999; }





    .J_courseHolder .c_controller { display: block; height: 0.64rem; line-height: 0.64rem; }
        .J_courseHolder .c_controller .c_left { float: left; }
            .J_courseHolder .c_controller .c_left .l_selectAll { }
                .J_courseHolder .c_controller .c_left .l_selectAll a { display: block; padding-left: 0.6rem; background: url(../images/checkbox_null.png) no-repeat 0.16rem center; background-size: 0.28rem 0.28rem; color: #666; }
                .J_courseHolder .c_controller .c_left .l_selectAll span { margin-left: 0.08rem; color: #4fa4fb; }
                .J_courseHolder .c_controller .c_left .l_selectAll.checked a { background-image: url(../images/checkbox_full.png); }
        .J_courseHolder .c_controller .c_right { float: right; }
            .J_courseHolder .c_controller .c_right .r_btn { padding-right: 0.2rem; }
                .J_courseHolder .c_controller .c_right .r_btn a { display: inline-block; padding: 0 0.2rem; line-height: 0.48rem; border-width: 0.02rem; border-style: solid; border-radius: 0.06rem; color: #fff; }


    .J_courseHolder .c_inner .i_item:last-child { border-bottom: 0; }

    .J_courseHolder.hasCheckbox .i_item { padding-left: 3.48rem; background: url(../images/checkbox_null.png) no-repeat 0.16rem center; background-size: 0.28rem 0.28rem; }
    .J_courseHolder.hasCheckbox .c_inner .i_item .i_left { left: 0.6rem; }
    .J_courseHolder.hasCheckbox .c_inner .i_item.checked { background-image: url(../images/checkbox_full.png); }

    .J_courseHolder .i_item.remove { display: none; }




.J_orderHolder { }

    .J_orderHolder .o_item:first-child { margin-top: 0; border-top: none; }

    .J_orderHolder .o_null { padding: 1rem 0; text-align: center; font-size: 0.28rem; color: #999; }


    .J_orderHolder .o_item { margin-top: 0.2rem; padding: 0.28rem 0; background-color: #fff; border-top: 0.02rem solid #eee; border-bottom: 0.02rem solid #eee; }
        .J_orderHolder .o_item .i_header { padding: 0 0.2rem; }
            .J_orderHolder .o_item .i_header .h_left { float: left; }
                .J_orderHolder .o_item .i_header .h_left .l_orderId { color: #333; }
            .J_orderHolder .o_item .i_header .h_right { float: right; }
                .J_orderHolder .o_item .i_header .h_right .r_status { }
                    .J_orderHolder .o_item .i_header .h_right .r_status span { color: #333; }
                    .J_orderHolder .o_item .i_header .h_right .r_status a { margin-left: 0.2rem; padding-left: 0.2rem; border-left: 0.02rem solid #eee; }

        .J_orderHolder .o_item .i_main { margin-top: 0.08rem; }

            .J_orderHolder .o_item .i_main .m_item { position: relative; padding: 0.2rem 0.2rem 0.2rem 3.04rem; height: 1.6rem; }

                .J_orderHolder .o_item .i_main .m_item .i_left { position: absolute; left: 0.2rem; }
                    .J_orderHolder .o_item .i_main .m_item .i_left .l_token { display: none; position: absolute; left: 0; top: 0; }
                        .J_orderHolder .o_item .i_main .m_item .i_left .l_token i { display: block; width: 1.24rem; height: 1.2rem; background-repeat: no-repeat; background-position: 0 0; background-size: 100%; vertical-align: top; }
                            .J_orderHolder .o_item .i_main .m_item .i_left .l_token i.i1 { background-image: url(../images/free_token.png); }
                    .J_orderHolder .o_item .i_main .m_item .i_left .l_picture { }
                        .J_orderHolder .o_item .i_main .m_item .i_left .l_picture img { width: 2.62rem; height: 1.6rem; vertical-align: top; }
                .J_orderHolder .o_item .i_main .m_item .i_right { }
                    .J_orderHolder .o_item .i_main .m_item .i_right .r_title { margin-top: -0.04rem; width: 100%; font-size: 0.28rem; color: #333; }

                    .J_orderHolder .o_item .i_main .m_item .i_right .r_price { margin-top: 0.08rem; font-size: 0.24rem; color: #f60; }

                    .J_orderHolder .o_item .i_main .m_item .i_right .r_label { margin-top: 0.08rem; white-space: nowrap; }

                        .J_orderHolder .o_item .i_main .m_item .i_right .r_label .l_item { display: inline-block; margin-right: 0.08rem; padding: 0 0.2rem; height: 0.36rem; line-height: 0.36rem; border: 0.02rem solid #ddd; border-radius: 0.06rem; color: #999; }

                    .J_orderHolder .o_item .i_main .m_item .i_right .r_realtimeOnlineCount { margin-top: 0.08rem; color: #999; }

                    .J_orderHolder .o_item .i_main .m_item .i_right .r_lectureCount { margin-top: 0.08rem; color: #999; }

                    .J_orderHolder .o_item .i_main .m_item .i_right .r_signAmount { margin-top: 0.08rem; color: #999; }

                    .J_orderHolder .o_item .i_main .m_item .i_right .r_courseProgress { margin-top: 0.08rem; }
                        .J_orderHolder .o_item .i_main .m_item .i_right .r_courseProgress .r_living { }
                            .J_orderHolder .o_item .i_main .m_item .i_right .r_courseProgress .r_living a { color: #f60; }
                                .J_orderHolder .o_item .i_main .m_item .i_right .r_courseProgress .r_living a span { }
                        .J_orderHolder .o_item .i_main .m_item .i_right .r_courseProgress .c_startTime { color: #999; }

        .J_orderHolder .o_item.remove .i_header .h_right .r_status a { display: none; }
        .J_orderHolder .o_item.remove .i_details .d_btn { display: none; }




        .J_orderHolder .o_item .i_details { margin-top: 0.2rem; }
            .J_orderHolder .o_item .i_details .d_column { padding: 0 0.2rem; }
                .J_orderHolder .o_item .i_details .d_column .c_left { float: left; }
                    .J_orderHolder .o_item .i_details .d_column .c_left .l_txt { color: #333; }
                .J_orderHolder .o_item .i_details .d_column .c_right { float: right; }
                    .J_orderHolder .o_item .i_details .d_column .c_right .r_txt { color: #ff5c5c; }
            .J_orderHolder .o_item .i_details .d_btn { margin-top: 0.2rem; padding: 0 0.2rem; }
                .J_orderHolder .o_item .i_details .d_btn a { display: block; height: 0.68rem; line-height: 0.68rem; border-width: 0.02rem; border-style: solid; border-radius: 0.06rem; text-align: center; font-size: 0.32rem; }




.J_filterTab { position: relative; height: 0.72rem; }
    .J_filterTab .f_inner { position: fixed; z-index: 9; left: 0; width: 100%; height: 0.68rem; border-top: 0.02rem solid #eee; border-bottom: 0.02rem solid #eee; background-color: #f9f9f9; white-space: nowrap; }
        .J_filterTab .f_inner .i_item { float: left; }
            .J_filterTab .f_inner .i_item .i_default { }
                .J_filterTab .f_inner .i_item .i_default a { display: block; padding: 0 0.16rem; height: 0.68rem; line-height: 0.68rem; text-align: center; font-size: 0.28rem; color: #666; }
                    .J_filterTab .f_inner .i_item .i_default a span { vertical-align: middle; }
                    .J_filterTab .f_inner .i_item .i_default a i { vertical-align: middle; font-size: 0.44rem; color: #999; }
            .J_filterTab .f_inner .i_item .i_menu { display: none; position: fixed; left: 0; width: 100%; height: 6rem; overflow: auto; }
                .J_filterTab .f_inner .i_item .i_menu .m_item { background-color: rgba(255,255,255,0.96); }
                    .J_filterTab .f_inner .i_item .i_menu .m_item a { display: block; padding: 0 0.4rem; line-height: 0.88rem; border-bottom: 0.02rem solid #eee; font-size: 0.28rem; color: #666; }

                    .J_filterTab .f_inner .i_item .i_menu .m_item.current a { color: #4fa4fb; }

            .J_filterTab .f_inner .i_item.current .i_menu { display: block; }
            .J_filterTab .f_inner .i_item.current .i_default a { color: #4fa4fb; }
                .J_filterTab .f_inner .i_item.current .i_default a i { color: #4fa4fb; }


.J_courseDetails { }
    .J_courseDetails .c_picture { }
        .J_courseDetails .c_picture img { width: 100%; height: 3.9rem; vertical-align: top; }
    .J_courseDetails .c_details { padding: 0.2rem; }
        .J_courseDetails .c_details .d_column { position: relative; padding: 0 0.8rem 0.08rem 0; }
            .J_courseDetails .c_details .d_column .c_left { }
                .J_courseDetails .c_details .d_column .c_left .l_title { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.28rem; color: #333; }
            .J_courseDetails .c_details .d_column .c_right { position: absolute; right: 0; top: 0; }
                .J_courseDetails .c_details .d_column .c_right .r_price { color: #f60; }
        .J_courseDetails .c_details .d_txt { position: relative; margin-top: 0.04rem; color: #999; }
            .J_courseDetails .c_details .d_txt span { }
            .J_courseDetails .c_details .d_txt a { display: block; position: absolute; right: 0; top: -0.08rem; padding: 0 0.2rem; height: 0.44rem; line-height: 0.44rem; border-width: 0.02rem; border-style: solid; border-radius: 0.06rem; }

    .J_courseDetails.hidePrice .c_details .d_column .c_right .r_price { display: none; }


.J_defaultTab { }
    .J_defaultTab .d_title { }
        .J_defaultTab .d_title .t_inner { border-top: 0.02rem solid #eee; border-bottom: 0.02rem solid #eee; font-size: 0; }
            .J_defaultTab .d_title .t_inner .i_item { display: inline-block; text-align: center; }
                .J_defaultTab .d_title .t_inner .i_item a { display: inline-block; position: relative; line-height: 0.76rem; font-size: 0.28rem; color: #666; }
                .J_defaultTab .d_title .t_inner .i_item.current a { color: #4fa4fb; }
                .J_defaultTab .d_title .t_inner .i_item a:after { display: block; position: absolute; left: 0; bottom: -0.02rem; width: 100%; height: 0.06rem; background-color: transparent; content: ""; }
                .J_defaultTab .d_title .t_inner .i_item.current a:after { background-color: #4fa4fb; }

    .J_defaultTab .d_main { }
        .J_defaultTab .d_main .m_item { display: none; }
            .J_defaultTab .d_main .m_item.current { display: block; }


.J_login { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/login_bg.jpg) no-repeat center top; background-size: 100% auto; }
    .J_login .l_inner { padding: 2.2rem 0.8rem 0; }
        .J_login .l_inner .i_logo { padding-bottom: 0.4rem; }
        .J_login .l_inner .i_item { position: relative; margin-top: 0.4rem; padding-left: 0.9rem; }
            .J_login .l_inner .i_item .i_left { position: absolute; left: 0; top: 0; }
                .J_login .l_inner .i_item .i_left img { width: 0.64rem; height: 0.64rem; vertical-align: top; }
                .J_login .l_inner .i_item .i_left span { position: relative; top: 0.08rem; color: #fff; }
            .J_login .l_inner .i_item .i_right { border-bottom: 0.02rem solid #c8ddf3; }
                .J_login .l_inner .i_item .i_right .r_input { height: 0.56rem; }
                    .J_login .l_inner .i_item .i_right .r_input input { position: relative; top: 0.08rem; background-color: transparent; border: none; color: #fff; }
                        .J_login .l_inner .i_item .i_right .r_input input::-webkit-input-placeholder { color: #d9ebfc; }
            .J_login .l_inner .i_item .i_code { position: absolute; top: -0.08rem; right: 0; }
                .J_login .l_inner .i_item .i_code a { }
                    .J_login .l_inner .i_item .i_code a img { height: 0.56rem; }

            .J_login .l_inner .i_item.hide { display: none; }


.J_cart { display: none; position: relative; padding: 0.2rem; height: 0.84rem; }
    .J_cart .c_inner { position: fixed; right: 0.24rem; bottom: 1.12rem; width: 0.84rem; height: 0.84rem; background: url(../images/cart_bg.png) no-repeat 0 0; background-size: 100% 100%; }
        .J_cart .c_inner .i_count { position: absolute; top: -0.04rem; right: -0.04rem; padding: 0 0.1rem; height: 0.28rem; line-height: 0.28rem; background-color: #ff5e5e; border-radius: 0.06rem; font-size: 0.24rem; color: #fff; }
        .J_cart .c_inner .i_link { position: absolute; top: 0; left: 0; width: 100%; height: 0.84rem; }
            .J_cart .c_inner .i_link a { display: block; height: 0.84rem; }

.J_courseDetailsEditOutPut { }
    .J_courseDetailsEditOutPut img { width: 100%; vertical-align: top; }



.J_courseDetailsFooter { position: relative; height: 1rem; }
    .J_courseDetailsFooter .c_inner { position: fixed; left: 0; bottom: 0; width: 100%; padding: 0.12rem 0; background-color: #fff; border-top: 0.02rem solid #eee; text-align: center; }
        .J_courseDetailsFooter .c_inner .i_item { display: inline-block; margin: 0 0.06rem; width: 3rem; }
            .J_courseDetailsFooter .c_inner .i_item a { display: block; height: 0.68rem; line-height: 0.68rem; border-width: 0.02rem; border-style: solid; text-align: center; font-size: 0.28rem; }


.J_cartListFooter { position: relative; height: 1rem; }
    .J_cartListFooter .c_inner { position: fixed; left: 0; bottom: 0; width: 100%; padding: 0.12rem 0; background-color: #fff; border-top: 0.02rem solid #eee; }
        .J_cartListFooter .c_inner .i_left { float: left; padding-left: 0.2rem; }
            .J_cartListFooter .c_inner .i_left .l_discount { color: #ff9b2f; }
            .J_cartListFooter .c_inner .i_left .l_price { color: #666; }
        .J_cartListFooter .c_inner .i_right { float: right; }
            .J_cartListFooter .c_inner .i_right .r_btn { display: inline-block; padding-right: 0.2rem; }
                .J_cartListFooter .c_inner .i_right .r_btn a { display: block; padding: 0 0.4rem; height: 0.68rem; line-height: 0.68rem; border-width: 0.02rem; border-style: solid; text-align: center; font-size: 0.28rem; }


.J_orderConfirmList { }
    .J_orderConfirmList .o_list { padding: 0.02rem 0.2rem 0.12rem; border-bottom: 0.02rem solid #eee; }
        .J_orderConfirmList .o_list .l_item { margin-top: 0.12rem; }
            .J_orderConfirmList .o_list .l_item .i_txt { color: #666; }
                .J_orderConfirmList .o_list .l_item .i_txt span { margin-left: 0.08rem; }
    .J_orderConfirmList .o_discount { padding: 0.02rem 0.2rem 0.12rem; }
        .J_orderConfirmList .o_discount .d_item { margin-top: 0.12rem; }
            .J_orderConfirmList .o_discount .d_item .i_txt { color: #666; }

.J_orderConfirmFooter { position: relative; height: 1rem; }
    .J_orderConfirmFooter .o_inner { position: fixed; left: 0; bottom: 0; width: 100%; padding: 0.12rem 0; background-color: #fff; border-top: 0.02rem solid #eee; }
        .J_orderConfirmFooter .o_inner .i_left { float: left; padding-left: 0.2rem; }
            .J_orderConfirmFooter .o_inner .i_left .l_discount { color: #ff9b2f; }
            .J_orderConfirmFooter .o_inner .i_left .l_price { color: #666; }
        .J_orderConfirmFooter .o_inner .i_right { float: right; }
            .J_orderConfirmFooter .o_inner .i_right .r_btn { display: inline-block; padding-right: 0.2rem; }
                .J_orderConfirmFooter .o_inner .i_right .r_btn a { display: block; padding: 0 0.4rem; height: 0.68rem; line-height: 0.68rem; border-width: 0.02rem; border-style: solid; text-align: center; font-size: 0.28rem; }


.J_txtBtnList { padding-bottom: 0.2rem; }
    .J_txtBtnList .t_list { padding: 0 0.2rem; }
        .J_txtBtnList .t_list .t_item { position: relative; margin-top: 0.2rem; padding: 0.08rem 1.4rem 0.08rem 0; }
            .J_txtBtnList .t_list .t_item .i_txt { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
            .J_txtBtnList .t_list .t_item .i_btn { position: absolute; top: 0; right: 0; }
                .J_txtBtnList .t_list .t_item .i_btn a { display: block; padding: 0 0.2rem; height: 0.44rem; line-height: 0.44rem; border-width: 0.02rem; border-style: solid; border-radius: 0.06rem; }


.J_userDetails { height: 4.2rem; background: url(../images/user_details_bg.png) no-repeat 0 0; background-size: 100%; }
    .J_userDetails .u_header { height: 0.88rem; }
        .J_userDetails .u_header .h_left { float: left; }
            .J_userDetails .u_header .h_left .l_return { }
                .J_userDetails .u_header .h_left .l_return a { display: block; padding: 0 0.2rem; line-height: 0.88rem; font-size: 0.44rem; color: #fff; }
                    .J_userDetails .u_header .h_left .l_return a .icon { }
        .J_userDetails .u_header .h_right { float: right; }
            .J_userDetails .u_header .h_right .r_logout { }
                .J_userDetails .u_header .h_right .r_logout a { display: block; position: relative; z-index: 1; padding: 0 0.2rem; line-height: 0.88rem; font-size: 0.28rem; color: #fff; }
    .J_userDetails .u_main { text-align: center; }
        .J_userDetails .u_main .m_face { margin-top: 0.2rem; }
            .J_userDetails .u_main .m_face a { display: inline-block; position: relative; width: 1.28rem; height: 1.28rem; border: 0.04rem solid #2e93f2; border-radius: 50%; }
                .J_userDetails .u_main .m_face a img { width: 1.28rem; height: 1.28rem; border-radius: 50%; vertical-align: top; }
                .J_userDetails .u_main .m_face a input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }

        .J_userDetails .u_main .m_details { color: #fff; }
            .J_userDetails .u_main .m_details .d_realName { margin-top: 0.2rem; font-size: 0.32rem; color: #fff; }
            .J_userDetails .u_main .m_details .d_phoneNo { margin-top: 0.08rem; color: #fff; }

.J_btnGroup { }
    .J_btnGroup a { display: block; height: 0.68rem; line-height: 0.68rem; border-width: 0.02rem; border-style: solid; border-radius: 0.06rem; text-align: center; font-size: 0.36rem; }

.J_iconList { }
    .J_iconList .i_list .l_item { float: left; width: 33.33%; }
        .J_iconList .i_list .l_item a { display: block; padding: 0.2rem 0; text-align: center; }
            .J_iconList .i_list .l_item a i { display: block; }
                .J_iconList .i_list .l_item a i img { width: 0.72rem; height: 0.72rem; vertical-align: top; }
            .J_iconList .i_list .l_item a span { display: block; margin-top: 0.08rem; color: #666; }
                .J_iconList .i_list .l_item a span .cDefault { display: inline; margin-left: 0.08rem; }


.J_form { padding: 0.02rem 0.2rem; }
    .J_form .f_item { margin-top: 0.2rem; }
        .J_form .f_item .i_input.not { border: 0; }
        .J_form .f_item .i_iconInput { position: relative; padding-left: 0.92rem; height: 0.72rem; line-height: 0.72rem; overflow: hidden; border: 0.02rem solid #eee; border-radius: 0.1rem; }
            .J_form .f_item .i_iconInput i { position: absolute; left: 0.16rem; top: 0.16rem; display: block; width: 0.52rem; height: 0.4rem; background-position: 0 center; background-repeat: no-repeat; background-size: auto 100%; border-right: 0.02rem solid #eee; }

                .J_form .f_item .i_iconInput i.i1 { background-image: url(../images/icon/icon_13.png); }
                .J_form .f_item .i_iconInput i.i2 { background-image: url(../images/icon/icon_14.png); }

            .J_form .f_item .i_iconInput input { width: 4.8rem; line-height: 0.72rem; border: none; }

        .J_form .f_item .i_label { padding: 0 0.04rem; line-height: 0.8rem; }

        .J_form .f_item .i_input { position: relative; padding: 0 0.2rem; height: 0.72rem; line-height: 0.72rem; background-color: #fff; border: 0.02rem solid #eee; border-radius: 0.1rem; }

            .J_form .f_item .i_input input { width: 100%; border: none; }
                .J_form .f_item .i_input input[type='input'] { line-height: 0.72rem; }
                .J_form .f_item .i_input input[type='date'] { background-color: #fff; }


        .J_form .f_item.code .i_input { float: left; width: 2.92rem; }
            .J_form .f_item.code .i_input input { }

        .J_form .f_item.code .i_btn { float: right; }
            .J_form .f_item.code .i_btn a { display: block; width: 2.4rem; height: 0.72rem; line-height: 0.72rem; border-width: 0.02rem; border-style: solid; border-radius: 0.1rem; text-align: center; color: #fff; }

        .J_form .f_item .i_select { position: relative; height: 0.72rem; line-height: 0.72rem; border: 0.02rem solid #eee; border-radius: 0.1rem; }
            .J_form .f_item .i_select a { display: block; padding: 0 0.2rem; color: #333; }
            .J_form .f_item .i_select select { position: absolute; left: 0; top: 0; width: 100%; height: 0.72rem; border: none; filter: alpha(opacity=0); opacity: 0; }
                .J_form .f_item .i_select select option { }



.J_success { }
    .J_success .s_title { padding: 0.28rem 0; text-align: center; }
        .J_success .s_title .icon { margin-right: 0.08rem; vertical-align: middle; font-size: 1.44rem; color: #00c800; }
        .J_success .s_title span { display: block; margin-top: 0.2rem; vertical-align: middle; font-size: 0.32rem; color: #00c800; }
    .J_success .s_txt { padding: 0.2rem 0 0.4rem 0.8rem; }
        .J_success .s_txt p { line-height: 0.48rem; color: #666; }


.J_formList { padding: 0 0.2rem; }
    .J_formList .f_list .l_item { position: relative; overflow: hidden; border-bottom: 0.02rem solid #eee; text-align: right; }
        .J_formList .f_list .l_item span { display: block; position: absolute; left: 0; top: 50%; margin-top: -0.4rem; line-height: 0.8rem; }
        .J_formList .f_list .l_item i { display: block; position: absolute; right: 0; top: 50%; margin-top: -0.4rem; width: 0.4rem; height: 0.8rem; background: url(../images/drop_right.png) no-repeat right 0; background-size: auto 100%; }
        .J_formList .f_list .l_item a { display: block; padding-right: 0.4rem; line-height: 0.8rem; text-align: right; color: #333; }
        .J_formList .f_list .l_item select { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 0.8rem; border: none; filter: alpha(opacity=0); opacity: 0; }
            .J_formList .f_list .l_item select option { text-align: right; }
        .J_formList .f_list .l_item:last-child { border-bottom: none; }


.J_categoryTab { height: 0.68rem; }
    .J_categoryTab .c_inner { position: fixed; z-index: 99; left: 0; width: 100%; height: 0.68rem; background-color: #f9f9f9; border-top: 0.02rem solid #eee; border-bottom: 0.02rem solid #eee; overflow-x: auto; }
        .J_categoryTab .c_inner::-webkit-scrollbar { background-color: transparent; }
        .J_categoryTab .c_inner .i_title { text-align: left; white-space: nowrap; }
            .J_categoryTab .c_inner .i_title .t_item { display: inline-block; }
                .J_categoryTab .c_inner .i_title .t_item a { display: block; padding: 0 0.2rem; height: 0.68rem; line-height: 0.68rem; color: #666; }

                .J_categoryTab .c_inner .i_title .t_item.current a { color: #4fa4fb; }

.J_living { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #3c435d; }
    .J_living .l_video { margin-top: 0.88rem; height: 4rem; background-color: #000; }
        .J_living .l_video .mejs-container { width: 100% !important; }
        .J_living .l_video video { width: 100% !important; }
        .J_living .l_video .v_ready { text-align: center; line-height: 4rem; font-size: 0.28rem; color: #999; }

.J_video { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #3c435d; }
    .J_video .v_video { margin-top: 0.88rem; height: 4rem; background-color: #000; }
        .J_video .v_video .mejs-container { width: 100% !important; }
        .J_video .v_video video { width: 100% !important; }
        .J_video .v_video .v_ready { text-align: center; line-height: 4rem; font-size: 0.28rem; color: #999; }

        .J_video .v_video.hideFullscreenButton .mejs-fullscreen-button { display: none; }

.J_freeOver { }
    .J_freeOver .f_inner { }
        .J_freeOver .f_inner .i_picture { }
            .J_freeOver .f_inner .i_picture img { width: 100%; height: 3.6rem; }
        .J_freeOver .f_inner .i_title { padding: 0.4rem 0.2rem; text-align: center; font-size: 0.32rem; }
        .J_freeOver .f_inner .i_btn { padding: 0 0.4rem; text-align: center; }
            .J_freeOver .f_inner .i_btn .abtn { display: inline-block; margin-top: 0.4rem; padding: 0 0.8rem; line-height: 0.8rem; font-size: 0.32rem; }

.J_dotStep { text-align: center; }
    .J_dotStep .d_item { display: inline-block; margin: 0 0.08rem; }
        .J_dotStep .d_item a { display: block; width: 0.36rem; height: 0.36rem; line-height: 0.32rem; background-color: #ccc; border-radius: 50%; text-align: center; font-size: 0.24rem; color: #fff; }
        .J_dotStep .d_item.current a { background-color: #57c2ea; }

.J_loading { display: none; position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); }
    .J_loading .l_inner { position: fixed; left: 50%; top: 50%; margin-left: -0.8rem; margin-top: -0.8rem; padding: 0.2rem; width: 1.2rem; height: 1.2rem; background-color: #fff; border-radius: 0.2rem; }
        .J_loading .l_inner img { width: 100%; vertical-align: top; }

.J_buyConfim { display: none; position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); }
    .J_buyConfim .b_inner { position: fixed; left: 50%; top: 40%; margin-left: -2.6rem; padding: 0 0.4rem; width: 4.4rem; background-color: #fff; border-radius: 0.06rem; }
        .J_buyConfim .b_inner .i_title { line-height: 0.76rem; border-bottom: 0.02rem solid #ddd; font-size: 0.24rem; text-align: left; color: #666; }
        .J_buyConfim .b_inner .i_txt { margin-top: 0.4rem; text-align: center; }
        .J_buyConfim .b_inner .i_btn { padding: 0.4rem 0; text-align: center; }
            .J_buyConfim .b_inner .i_btn a { display: inline-block; margin: 0 0.08rem; padding: 0 0.28rem; height: 0.64rem; line-height: 0.64rem; }


.J_nav { display: none; }


#cnzz_stat_icon_1260708160 { display: none; }
